<template>
  <div>
     <h1>{{name}}</h1>
     <button @click="showName">点我showName</button>
  </div>
</template>

<script>
//导入混合
import {mixin} from './mixin'
export default {
  name: "mix-in01",
  data() {
    return {
      name:'张三',
      //如果混合和组件中都配置了同一个属性、方法等等 都以组件中的为最终结果
      age:666
    };
  },
  //这里必须要配置在一个数组中(必须！！！！)
  mixins:[mixin],
  //在生命周期方法中 混合和实际配置的方法都要
  mounted() {
    console.log('混合01');
  }
}
</script>
